<!--{eval $_TPL['titles'] = array('我来参与');}-->
<!--{template header_tpl}-->
<div class="grid_16 main_box">

	<!--{if $user}-->
		<div class="grid_16 box">
			<div class="up_button">
				<img src="{SITEURL}resources/images/upload_work.gif" onclick="toggleUploadbox()"/>
			</div>
			
			<div class="grid_15 uploadbox" id="uploadbox" style="display:none"><h1>上传我的作品</h1>
				<form action="{SITEURL}work/upwork" method="post" accept-charset="utf-8" enctype="multipart/form-data" id="workform">
					<table class="formtable">
						<tr>
							<th style="width:15%;">作品标题</th>
							<td><input id="title" type="text" value="" name="title" class="textinput"></td>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<th>作品描述</th>
							<td><textarea name="description" class="areainput" id="description"></textarea>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<th>期待价格(元)</th><td><input id="expectprice" type="text" value="" name="expectprice" class="textinput"></td>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<th>上传作品效果主图</th>
								<td>
									<input type="file" name="workpic" value="" id="workpic" class="textinput">
									<br />
									（第1 封面 审核通过之后不能编辑。谨慎操作）
								</td>
							<td>&nbsp;</td>
						</tr>
						
						
						<tr>
							<th>上传作品效果附图</th>
							
							<td>
								<input type="file" name="pic_1" value="" class="textinput"><br />第2张(600×600像素)<br />
								<input type="file" name="pic_2" value="" class="textinput"><br />第3张(600×600像素)<br />
								<input type="file" name="pic_3" value="" class="textinput"><br />第4张(600×600像素)<br />
							</td>
							<td>&nbsp;</td>
						</tr>
						
						<tr>
							<th>标签</th><td>
								<input id="tag" type="text" value="" name="tag" class="textinput">
								<input class="button" type="button" onclick="relatekw();" value="自动获取" name="clickbutton[]">
								</td>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><input type="hidden" name="formhash" value="<!--{eval echo formhash();}-->" />
							<input type="submit" name="uploadsubmit" value="上传" id="uploadsubmit"></td>
						</tr>
					</table>
				</form>
			</div>

		</div>
	<!--{/if}-->

	<div class="grid_16 box">
	  <div class="iminbox">
			<h1>参与方式</h1>
			<h3 class="bluetitle">1.设计师注册</h3>
			<p class="describe">
				我们目前开放邀请注册，你可以向你的朋友发送邀请邮件，如果您认识出色的设计师欢迎向我们推荐。
			</p>
			<br />

			<h3 class="bluetitle">2.设计T恤</h3>
			<p class="describe">
				发挥你的创造力吧，当然！您也可以了解一下 <a href="{SITEURL}goodpic/index" target="_blank">怎样才算一个好图案</a>
				了解这些后，就开始吧</p>
			<p class="describe">
			
			<div>
				<a href="{SITEURL}resources/Tdaye_DesignPack.rar"><img src="{SITEURL}resources/images/donw_work.gif"></a>
			</div>
			
			</p>
			<p><br />
	        </p>
			<h3 class="bluetitle">3.TDAYE销售</h3>
			<p class="describe">
			所有通过审核的T恤将在TDAYE网上进行销售。您也可以将你的作品分享到各种社区里，让你的粉丝看到。</p>
			<br />

			<h3 class="bluetitle">4.获得回报</h3>
			<p class="describe">
				当您的作品被购买后，您将会得到一定比例的分成。详情请看分成规则<a href="#" target="_blank">TDAYE分成规则</a>
			</p>
			<br />

			<h3 class="bluetitle">5.需要注意的地方</h3>
			<p class="describe">

		  		<h4>上传格式</h4>

				设计完成后，请上传600×600像素大小的作品效果图，大小为在2M以下，JPG，PNG皆可。<br />
				<br />
				源文件：文件大小限5M以下，我们的服务器在国外，可能有点慢，请耐心等待。<br />

				<h4>&nbsp;</h4>
				<h4>关于审核</h4>
				<p>在展示大众前，我们会先查看你的设计，去避免下面的这些问题：</p>
				<ul>
				  <li>请不要重复提交相同的设计；</li>
				  <li>我们欢迎经过精心设计的作品，如果作品不够完整可能无法通过审核；</li>
				  <li>设计不符合T恤印刷规范我们将会给你反馈；</li>
				  <li>我们欢迎原创，也尊重原创，如果侵您用的图案犯了其他设计师或公司的版权，您将承担相应的责任。<br /><br /></li>
	    		</ul>
		</div>
	</div>

</div>
<div class="grid_7 omega sidebar"style="text-align:center;">
	<img src="{SITEURL}resources/images/tdayeprocess.gif">
</div>

<script src="<!--{eval echo base_url();}-->resources/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="<!--{eval echo base_url();}-->resources/js/validate.messages_cn.js" type="text/javascript"></script>
<script src="<!--{eval echo base_url();}-->resources/js/validate.additional-methods.min.js" type="text/javascript"></script>
<script src="<!--{eval echo base_url();}-->resources/js/jquery.form.js" type="text/javascript"></script>
<script type="text/javascript">

function toggleUploadbox(){
	var fadespeed = 600;
	var uploadbox = $('#uploadbox');
	
	if (uploadbox.css('display') == 'none') {
		uploadbox.slideDown(fadespeed);
	}else{
		uploadbox.slideUp(fadespeed);	
	};
}

$(document).ready(function() {
	var validator = $("#workform").validate({
		onfocusout:false,
		onkeyup:false,
		errorElement:"span",
		rules: {
			title: {
				required: true,
				rangelength:[1,100] 
			},
			description: {
				required: true,
				rangelength:[1,50000]
			},
			expectprice: {
				required: true,
				number: true,
				rangelength:[1,6] 
			},
			workpic: {
				required: true
			},
			tag:{
		      required: function(element) {
				if ($('#tag').val() == '') {
					relatekw();
				}
				return true;
		      }
			}
		},
		messages: {
			title: {
				required: "请输标题",
				rangelength: $.validator.format("标题长度 为{0} 到 {1} 汉字")
			},
			description: {
				required: "请输入作品描述",
				rangelength: $.validator.format("长度 为{0} 到 {1} 汉字")
			},
			expectprice: {
				required: "请输入期待价格",
				rangelength: $.validator.format(" 为{0} 到 {1} 位")
			},
			workpic: {
				required: "请选择作品图片"
			},
			tag:{
				required:'填写点标签吧'
			}
		},
		errorPlacement: function(error, element) {
			error.appendTo(element.parent("td").next("td"));
		},
		highlight: function(element, errorClass) {
				$(element).fadeOut(function() {
				$(element).fadeIn();
			});
		},
		success: function(label) {
		}
	});
});
</script>
<!--{template footer_tpl}-->